<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
    <title>华迅直购</title>
    <link rel="stylesheet" type="text/css" href="css/root.css"/>
    <link rel="stylesheet" type="text/css" href="css/entrance/home.css"/>
    <link rel="stylesheet" type="text/css" href="css/address/address.css"/>
    <script type="text/javascript" src="js/base/jquery-3.1.1.min.js?ver=2.0.4" charset="utf-8"></script>
    <script type="text/javascript" src="js/base/underscore-min.js"></script>
    <script src="js/base/api.js"></script>
    <script src="js/base/base.js"></script>
    <script src="js/base/vue.js"></script>
    <script src="js/base/vue-filter.js"></script>

    <script type="text/javascript" src="js/base/magiclamp.js?ver=2.0.3" charset="utf-8"></script>


    <script type="text/javascript" src="js/goods_comment_list.js" charset="utf-8"></script>
</head>
<body>
<div id="address_modefy">
    <header>
        <a @click="page_back" v-if="baseConfig.is_phone" class="h-left back-btn"><i
                class="iconfont icon-fanhui"></i></a>
        <h1 class="h-title">综合评价 </h1>
    </header>
    <div id="root">
        <div class="pay-gs-list g-wrap margin-bottom">

                <div style="margin: auto;width: 100%;text-align: center;color: #999999;padding-bottom: 0.5rem;">
                     综合评价
                </div>
            <div style="margin:auto; display: inline-block; padding-left: 3rem;padding-bottom: 2rem;">
                <span style="color: #9B9B9B;font-size: 1.5rem;">综合评价:</span>
                <img v-for="img in start_list"
                     :src="img.index<=goods_info.ping_jia+0.5?'img2/star_big_light.png':'img2/star.png'"
                     style="width: 1.5rem;">

            </div>
            <div style="margin:auto; width: 100%; display: flex; justify-content: center; font-size: 1.2rem;padding-bottom: 2rem;">
                <div v-for="v in value_list" style="background-color: #FFDFD1; padding-left: 1rem;padding-right: 1rem;margin-right: 0.5rem; height: 3.5rem; border-radius: 1.5rem; text-align: center;line-height: 3.5rem;">
                    <span v-if="v.value==0">差评</span>
                    <span v-if="v.value==1">凑合</span>
                    <span v-if="v.value==2">一般</span>
                    <span v-if="v.value==3">不错</span>
                    <span v-if="v.value==4">很棒</span>
                    {{v.count}}
                </div>
            </div>
            <div style="margin:auto; width: 100%; padding-left: 3rem;padding-bottom:5rem;display: flex; flex-direction: column; font-size: 1.2rem;">
                <div v-for="comment in comment_list" v-if="comment.is_active" style="display: flex;flex-direction: row;margin-bottom: 0.4rem;">
                    <div style="flex: 0 1 auto;width: 3rem;">
                        <img :src="comment.user__icon_url?comment.user__icon_url:'img2/head.png'" onerror="this.src='img2/head.png'"  style="border-radius: 2.5rem;width: 3rem;">
                    </div>
                    <div style="flex: 1 1 auto; display: flex;flex-direction: column;">
                        <div style="color: #4E648F;font-size: 1.2rem;">{{first_name(comment.user__realname)}} : {{comment.value+1}}星
                            <span v-if="comment.value==0">差评</span>
                            <span v-if="comment.value==1">凑合</span>
                            <span v-if="comment.value==2">一般</span>
                            <span v-if="comment.value==3">不错</span>
                            <span v-if="comment.value==4">很棒</span>
                        </div>
                        <div style="font-size: 1.2rem;">
                            {{comment.content}}
                        </div>
                        <span style="font-size: 1.1rem;color: #ff3f38;" v-if="comment.user_id==user_id" v-on:click.stop="delete_goods_comment(comment)">删除</span>
                    </div>

                </div>
            </div>

        </div>
    </div>

</div>
</body>
</html>